<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="HandheldFriendly" content="true">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <title>集粽子，兑好礼</title>
  <link rel="stylesheet" href="./css/common.min.css">
  <link rel="stylesheet" href="./css/game.min.css">
  <script src="./lib/jquery-1.8.2.min.js"></script>
  <script src="./lib/wyrem.js"></script>
  <script src="./lib/tool.js"></script>
  <script src="./lib/openInWeChat.js"></script>
  <!-- <script src="./lib/vconsole.min.js"></script> -->
  <style>
    .area {
      position: relative;
      top: 2.9rem;
      margin: 0 auto;
      width: 3.7rem;
      height: 2.09rem;
      z-index: 999;
      background: url('./images/ticket-back.png') no-repeat;
      background-size: 3.77rem 2.09rem;
    }

    .area p {
      position: relative;
      top: .7rem;
      font-size: .3rem;
      line-height: .7rem;
      font-weight: 700;
      color: #803300;
    }

    .myc {
      margin: 0 auto;
      width: 3.7rem;
      height: 2.09rem;
      background-position: 0 0;
      background-repeat: no-repeat;
    }
  </style>
</head>

<body onload="preventMove()" class="animated fadeIn">
  <div class="loading animated ">
    <img src="./images/load.gif" alt="">
  </div>
  <div class="panel panel-group haveprize  animated none">
    <div class="p-c">
      <p class="f30">恭喜您中奖:20元通用电子券</p>
      <p>接收奖品的手机号:
        <span id="pPhone"></span>
      </p>
      <p>奖品将于活动结束后5个工作日内派发至您填写的手机号所对应的沃钱包账户中，请注意查收哦~</p>
      <p class="btn reback">
        <span>返回</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <div class="panel panel-group writePhone animated none">
    <div class="p-c">
      <p>亲，请尽快提交正确的手机号码抢兑奖品！
      </p>
      <p>
        <span>手机号:</span>
        <input type="text" id="mPhone" placeholder="请输入手机号" value="">
      </p>
      <p class="btn" id="writePhone">
        <span>确定</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <div class="panel panel-group noGoods animated none">
    <div class="p-c">
      <p style="text-align: center;">龙抬头，好运来！
        <br>恭喜您获得一个大大的龙头~</p>
      <p>
        <img src="./images/game-gragen.png">
      </p>
      <p class="btn reback">
        <span>返回</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <header></header>
  <article>
    <p>特等奖：20元通用电子券</p>
    <p>
      <span>连续3天打卡的用户才有机会参与刮刮乐，好友助力次数越高中奖几率越高哦~</span>
    </p>
  </article>
  <nav>
    <div id="myc" class="myc  area">
      <p class="btn " id="startGameBtn">点击刮奖</p>
    </div>
    <canvas id="myCanvas" class="myc"></canvas>
  </nav>
  <footer></footer>
  <script src="./old/game.js"></script>
  <script type="text/javascript" src="./lib/banshare.js"></script>
</body>

</html>